<template>
	<!-- 
		需求：自定义一个v-big指令，和v-text指令类似，但是可以把指定的数字放大10倍去呈现
	-->
	<div class="app">
		<h2>
			sum的值是:
			<span v-text="sum"></span>
		</h2>
		<h2 v-beautiful>{{msg | mySlice(7)}}</h2>

		<button @click="sum++">点我sum+1</button>
		<button @click="welcome">点我欢迎</button>
	</div>
</template>

<script>
	export default {
		name:'App',
		data() {
			return {
				sum:0,
				msg:'欢迎来到尚硅谷学习'
			}
		}
	}
</script>

<style scoped>
	.app{
		background-color: skyblue;
		padding: 10px;
	}
</style>